<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<div id="dd-coin" class="dd dd-tip has-icons">
	<ul class="dd-menu">
		<li><a href="#"><i class="icon-plus-circled"></i> เติมเหรียญ</a></li>
	</ul>
</div>
<div id="dd-account" class="dd dd-tip has-icons">
	<ul class="dd-menu">
		<li data-toggle="modal" data-target="#problem"><a href="#"><i
				class="icon-megaphone"></i> รายงานปัญหา</a></li>
		<li class="dd-divider"></li>
		<li data-toggle="modal" data-target="#updatePassword"><a href="#"><i
				class=" icon-lock"></i> แก้ไขรหัสผ่าน</a></li>
		<li><a href="logout"><i class="icon-cancel"></i> ออกจากระบบ</a></li>

	</ul>
</div>
<header class="navbar-fixed-top">
	<div id="preHeader">
		<div class="container">
			<div class="row">
				<div class="col-xs-6 hidden-xs">
					<ul class="quickMenu">
						<li><a href="#">เกี่ยวกับเรา</a></li>
						<li><a href="#">แผนผังเว็บไซต์</a></li>
						<li><a href="#">ติดต่อโฆษณา</a></li>
						<li><a href="#">ติดต่อเรา</a></li>
					</ul>
				</div>
				<div class="col-xs-12 col-md-6 col-sm-6">
					<div id="" class="">
						<s:if test="#session.session_login!=null">
							<a href=""><ul class="socialNetwork" data-dd="#dd-account">
									<li style="width: 25px; padding-top: 9px;"><img
										src="<s:property value="#session.session_login.user.picture" />"
										alt="" class="img-responsive img-rounded">
									<li>
									<li></li>
									<li class="contactPhone">&nbsp;<span class="example">

											<s:property value="#session.session_login.user.name_th" /> <s:property
												value="#session.session_login.user.lastName_th" />
									</span></li>


								</ul></a>
							<!-- phone -->
							<a href=""><span class="contactPhone" data-dd="#dd-coin"><i
									class="icon-credit-card"></i> 100 เหรียญ</span></a>
						</s:if>
						<s:else>
							<a href=""><span class="contactPhone"><i
									class="icon-user-1"></i> สมัครสมาชิก</span></a>
							<a href="loginPage"><span class="contactPhone"><i
									class="icon-login"></i> เข้าสู่ระบบ</span></a>
						</s:else>
					</div>
				</div>

			</div>
		</div>
	</div>
	<div id="mainHeader" role="banner">
		<div class="container">
			<nav class="navbar navbar-default" role="navigation">
				<div class="navbar-header">
					<!-- responsive navigation -->
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span> <span
							class="icon-bar"></span> <span class="icon-bar"></span> <span
							class="icon-bar"></span>
					</button>
					<!-- Logo -->
					<a class="navbar-brand" href="index.html"><img
						src="core/images/main-logo.png" alt="HIDEO website template" /></a>
				</div>
				<div class="collapse navbar-collapse" id="mainMenu">
					<!-- Main navigation -->
					<ul class="nav navbar-nav pull-right">
						<li class="primary"><a href="index.jsp"
							class="firstLevel active hasSubMenu">หน้าแรก</a></li>
						<s:if test="#session.session_login!=null">
						<li class="primary"><a href="#" class="firstLevel hasSubMenu">จัดการข้อมูล</a>
							<ul class="subMenu" style="display: none;">
								<li class="dropdownSubmenu"><a href="#" class="hasSubMenu">ข้อมูลส่วนตัว</a>
									<ul class="subMenu" style="display: none; left: 0px;">
										<li><a href="viewProfilePage.jsp">โปรไฟล์ของฉัน</a></li>
										<li><a href="myPortfolioPage.jsp">ผลงานของฉัน</a></li>
										<li><a href="myAccountPage.jsp">ข้อมูลบัญชีของฉัน</a></li>
									</ul></li>
								<li class="last"><a href="myJobPage" class="last">ข้อมูลงานทั้งหมดของฉัน</a></li>
								<li class="dropdownSubmenu"><a href="#" class="hasSubMenu">ข้อมูลบริการของฉัน</a>
									<ul class="subMenu" style="display: none; left: 0px;">
										<li><a href="myServicePage">บริการทั้งหมดของฉัน</a></li>
										<li><a href="serviceManagePage.jsp">จัดการคำร้องขอบริการทั้งหมด</a></li>
									</ul></li>
								<li class="last"><a href="accountContactPage.jsp"
									class="last">บัญชีฟรีแลนซ์ของฉัน</a></li>
							</ul></li>
						</s:if>
						<li class="sep"></li>
						<li class="primary"><s:a href="job">งาน</s:a></li>
						<li class="sep"></li>
						<li class="primary"><a href="servicePage"
							class="firstLevel hasSubMenu">บริการ</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="freelancePage"
							class="firstLevel hasSubMenu">ฟรีแลนซ์</a></li>
						<li class="sep"></li>
						<li class="primary"><a href="#" class="firstLevel hasSubMenu">กิจกรรม</a></li>
						<li class="sep"></li>

					</ul>
					<!-- End main navigation -->
				</div>
			</nav>
		</div>
	</div>
</header>
<jsp:include page="../../problemPage.jsp"></jsp:include>
<jsp:include page="../../updatePasswordPage.jsp"></jsp:include>